<!DOCTYPE html>
{% load staticfiles %}
<html>
<head>
    <title>监控</title>
    <link rel="stylesheet" href="{% static "css/semantic.min.css" %}"></link>
    <link rel="stylesheet" href="{% static "css/icon.min.css" %}"></link>
</head>
<body>
<h2 class="ui header inverted big" style="color:#FFF;background-color:#00b5ad;padding:1em;margin:0;">
    MongooCrawler分布式爬虫系统</h2>
<div class="ui bottom attached segment pushable">
    <div class="ui large secondary vertical pointing menu left sidebar uncover visible">
        <a href="/" class="item text">
            首页
        </a>
        <a href="/clients" class="item text">
            客户端
        </a>
        <a href="#" class="active item">
            <i class="ui icon user"></i>
            业务
        </a>
    </div>
    <div class="pusher">
        <div class="ui large breadcrumb" style="margin-left:2em;margin-top:1em;">
            <a class="section">主页</a>
            <i class="right chevron icon divider"></i>
            <a class="section">业务</a>
        </div>
        <div class="ui divider"></div>
        <div class="ui center aligned">
            <div class="ui cards" style="padding-left: 1em;">
                <div class="ui card padded">
                    <a href="/business/lianjia"><img class="ui centered image block"
                                                     src="{% static "img/lianjia.png" %}"/></a>
                    <div class="padded meta" style="padding-left: 0.5em;">简介：爬取链家二手房信息</div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="{% static 'js/semantic.min.js' %}"></script>
</body>
</html>